<template>
    <dd-button @click="resize">resize</dd-button>
    <dd-container height="20vh">
        <dd-header>header</dd-header>
        <dd-aside :width="width">aside</dd-aside>
        <dd-main>main</dd-main>
        <dd-footer>footer</dd-footer>
    </dd-container>
</template>
<script lang="ts" setup>import { ref } from 'vue';

const width = ref("200px")

function resize() {
    width.value = width.value === "200px" ? "100px" : "200px"
}
</script>
